/**
 * 刷新表格的数据
 * @param page 页码数
 */
function refresh(page) {
    $.ajax({
        // 请求地址
        url: "/user/list",
        data: {page},
        // success : 当成功从请求地址那获取到数据之后执行的方法
        success(response) {
            // 获取后端数据库中的总数
            let count = response.count;
            // 获取后端数据库中的列表数据
            let users = response.users;

            // 修改页面上总条数的数字
            stotal.innerHTML = count;

            let html = '';
            for (let i = 0; i < users.length; i++) {
                let u = users[i];
                let s = u.disabled ? "<b style='color: red'>禁用</b>" : "<b style='color: green'>正常</b>";
                html += `
                <tr>
                    <td>${u.id}</td>
                    <td>${u.username}</td>
                    <td>${s}</td>
                </tr>
            `;
            }
            mytbody.innerHTML = html;
        }
    });
}



window.addEventListener("load", function () {
    // 为 window 添加事件监听（load），当页面加载完成之后调用 refresh
    refresh(1);
});


function handleNextClick() {
    // 1. 获取 spage 的页码数
    let page = parseInt(spage.innerText);
    let number = parseInt(stotal.innerText);

    // 2. 将页码数自增 1
    page<=number/10?page++:null;
    // 3. 刷新列表
    refresh(page);
    // 4. 重新设置 spage 的页码数
    spage.innerText = page;
}

function handleLastClick() {
    // 1. 获取 spage 的页码数
    let page = parseInt(spage.innerText);
    // 2. 将页码数自减 1

    page>1?page--:null;
    // 3. 刷新列表
    refresh(page);
    // 4. 重新设置 spage 的页码数
    spage.innerText = page;
}